@charset "utf-8";
.redGraBg {
	color:#fff;
	font-size:14px;
	background: #ff6666 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #ffffff, #ff6666);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ff6666), to(#ffffff));
}

.greyGraBg {
	color:#fff;
	font-size:14px;
	border:1px solid #fcfcfc;
	border-top:3px solid #FFE7BA;
	background-image: -moz-linear-gradient(100% 100% 90deg,  #FFE7BA, #ffffff);
	background-image: -webkit-gradient(linear, 0% 270%, 0% 0%, from(#FFE7BA), to(#ffffff));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFE7BA");
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFE7BA")";
}

.blueGraBg {
	color:#fff;
	font-size:14px;
	background: #76bbc5 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #ffffff, #76bbc5);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#76bbc5), to(#ffffff));
}


.greenGraBg {
	color:#fff;
	font-size:14px;
	background: #66bb55 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg,  #ffffff, #66bb55);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#66bb55), to(#ffffff));
}

.yellowGraBg {
	color:#fff;
	font-size:14px;
	background: #ff9933 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #ffffff, #ff9933);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ff9933), to(#ffffff));
}

.redGraRevBg {
	color:#fff;
	font-size:14px;
	background: #ff6666 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #ff6666, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#ff6666));
}

.blueGraRevBg {
	color:#fff;
	font-size:14px;
	background: #76bbc5 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #76bbc5, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#76bbc5));
}


.greenGraRevBg {
	color:#fff;
	font-size:14px;
	background: #66bb55 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg , #66bb55,  #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#66bb55));
}

.yellowGraRevBg {
	color:#fff;
	font-size:14px;
	background: #ff9933 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 180deg, #ff9933, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#ff9933));
}

/* 共通头部导航  */
.top .cart span,.top .login span{
	background:url(../images/bg_index.png) no-repeat;
	background-size:30px auto
}

.top {
	position:relative;
	height:44px;
	line-height:44px;
	padding:0 0 0 5px;
	background-color:#ff6666;
}

.top a {
	display:inline-block;
	position:relative;
	color:#fff;
}

.top .logo {
	width:60px;
	height:44px;
	line-heigth:44px;
}

.top .area {
	position:absolute;
	left:70px;
	width:180px;

}
.top .area span {
	position:absolute;
	line-height:20px;
	top:4px;
}
.top .area em {
	position:absolute;
	line-height:20px;
	top:26px;
	font-size:11px;
	
}

.top .login{
	width:30px;
	height:44px;
	float:right;
}

.top .login span{
	position:absolute;
	width:20px;
	height:20px;
	top:12px;

}
.top .noLogin span {
	background-position:0 -20px
}

.top .cart {
	z-index:1;
	width:40px;
	height:44px;
	float:right;
}
.top .cart span {
	position:absolute;
	width:20px;
	height:22px;
	top:12px;
	background-position:0 -312px
}
.top .cart em {
	position:absolute;
	left:12px;
	top:-6px;
	height:15px;
	line-height:10px;
	padding:2px 4px;
	border:1px solid #fff;
	border-radius:10px;
	background-color:#ff9933
}

/* 商品列表 */
.productList dl {
	position:relative;
	padding:5px 0;
	margin:0;
	border-bottom:1px solid #E5E5E5
}

.productList dl:after {
	display:block;
	content:".";
	height:0;
	visibility:hidden;
	clear:both;
	font-size:0;
	line-height:0
}
.productList dd {
	margin-left:85px
}
.productList dt img {
	display:block;
	width:80px;
	height:80px;
	border:1px solid #F2F2F2;
}

.productList span.cartItemNum{
	position:absolute;
	right:45px;
	bottom:10px
}

.productList .cartAddBtn {
	z-index:50;
	display:inline-block;
	background:url(../images/icons/cart_add.png) no-repeat;
	width:38px;
	height:38px;
	border:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	right:10px;
	bottom:10px;
}
.productList .cartLoadingBtn {
	z-index:50;
	display:inline-block;
	width:30px;
	height:30px;
	border:0;
	position:absolute;
	right:10px;
	bottom:10px;
}

.productList .detailBtn {
	z-index:50;
	display:inline-block;
	border:0;
	background:url(../images/icons/detail.png) no-repeat;
	width:38px;
	height:38px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	right:10px;
	bottom:10px;
}

.productList .cartGroupBtn {
	position:absolute;
	width:110px;
	right:5px;
	bottom:5px;
}

.price .now {
	font-size:18px;
	font-weight:bold;
	color:#f15009;
	margin-right:5px
}
.price .old {
	text-decoration:line-through;
	color:#a3a3a3
}

.productList dl .promTags {
	height:20px;
	margin-top:5px
}


.morePageBtn {
	text-align:center;
	height:32px;
	line-height:32px;
	background:#3c6;
	border-radius:5px;
	margin:10px 50px;
}
.morePageBtn a{
	color:#fff;
	font-weight:700;
}
/* footer */
.pageFooter,.push{
	height:90px;
	clear:both;
}
.footer{
	width:100%;
	margin-top:10px;
	line-height:20px;
	text-align:center;
	background: #f6f6f6 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #cccccc, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));
}
.footer ul.footerNav{
	display:inline-block;
}
.footer ul.footerNav li {
	float:left;
	width:65px;
}

.footer ul.footerNav li a{
	font-weight:700;
	float:left;
	width:100%;
	text-align:center;
}
.pageHeaderBody{
	height:100%;
	height: auto !important;
	min-height:100%;
	margin: 0 auto -90px;
}

#prod_content img{
  display: block;
  height: auto;
  max-width: 100%;
}